<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>饼状图</title>
<link rel="stylesheet" type="text/css" href="css/highchart.css" />
</head>
<body>
	<div id="container" style="width:700px;height:400px"></div>
</body>
<script type="text/javascript" src="js/jquery/jquery-1.8.3.min.js"></script>
<script src="js/highcharts.js"></script>
<script src="js/highcharts-3d.js"></script>
<script src="js/modules/exporting.js"></script>
<script src="js/lang/highcharts-lang-cn.js"></script>
<script type="text/javascript">
	$(function() {
		$('#container').highcharts({
			chart : {
				type : 'pie',
				options3d : {
					enabled : true,
					alpha : 45
				}
			},
			title : {
				text : 'NB程度',
				align : 'center',
				verticalAlign : 'middle',
				y : 60
			},
			plotOptions : {
				pie : {
					depth : 30,
					startAngle : -90,
					endAngle : 90,
					center : [ '50%', '75%' ],
					allowPointSelect : true,
					cursor : 'pointer',
					dataLabels : {
						enabled : false
					},
					showInLegend : true
				}
			},
			series : [ {
				size : '100%',
				innerSize : '50%',
				name : '牛掰程度',
				data : [ [ '中国1', 6 ], [ '美国1', 6 ], [ '日本1', 5 ], [ '新加坡1', 2 ] ]
			} ]
		});
	});
</script>
</html>